<div class="display-flex contact-container flex-1">
    <div class="contact-list">
        <contact-list-component (changeTab)="changeTabEmit($event)" [verifyUnreadNum]="verifyUnreadNum"></contact-list-component>        
    </div>
    <div class="contact-conversation flex-1">
        <verify-component [hidden]="tab !== 0" [singleVerifyUnreadNum]="singleVerifyUnreadNum" [groupVerifyUnreadNum]="groupVerifyUnreadNum" [verifyMessageList]="verifyMessageList" [verifyGroupList]="verifyGroupList" [verifyTab]="verifyTab" (changeVerifyTab)="changeVerifyTabEmit($event)" (isAgreeAddFriend)="isAgreeAddFriendEmit($event)" (watchGroupInfo)="watchGroupInfoEmit($event)" (isAgreeEnterGroup)="isAgreeEnterGroupEmit($event)" (watchVerifyUser)="watchVerifyUserEmit($event)" (watchApplyUser)="watchApplyUserEmit($event)" (watchInvitateUser)="watchInvitateUserEmit($event)"></verify-component>
        <linkman-list-component [friendFlag]="friendFlag" [friendLoading]="friendLoading" [hidden]="tab !== 1" [friendList]="friendList" (selectLinkmanItemEmit)="selectContactItemEmit($event)"></linkman-list-component>           
        <group-list-component [groupFlag]="groupFlag" [groupLoading]="groupLoading" [hidden]="tab !== 2" [groupList]="groupList" (selectGroupItemEmit)="selectContactItemEmit($event)"></group-list-component>
    </div>
</div>
